<%--
  Created by IntelliJ IDEA.
  User: longhunpomie
  Date: 2023/1/28
  Time: 13:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
    <title>动态</title>
    <%
        String basePath = request.getScheme() + "://" +
                request.getServerName() +
                ":" + request.getServerPort() +
                request.getContextPath() + "/";
        pageContext.setAttribute("basePath", basePath);
    %>
    <link rel="shortcut icon" href="../../static/img/logo_chzu1.png" type="image/x-icon" />
<%--    <link rel="shortcut icon" href="static/img/logo_chzu1.png" type="image/x-icon" />--%>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css">

    <!-- Latest compiled and minified JavaScript -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <jsp:include page="../../pages/common/indexScript.jsp"></jsp:include>
</head>
<body>
<div class="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="${basePath}" class="brand" style="color: green">滁州学院博客</a>
            <div class="nav-collapse collapse navbar-responsive-collapse">
                <ul class="nav">
                    <li>
                        <a href="${basePath}">主页</a>
                    </li>
                    <li>
                        <a href="${basePath}/tag/toClassification">分类</a>
                    </li>
                    <li >
                        <a href="${basePath}/ranklist/toRankList">排行榜</a>
                    </li>
                    <li class="active">
                        <a href="${basePath}/user/toDynamic">动态</a>
                    </li>
                </ul>
                <ul class="nav pull-right">
                    <li>
                        <form class="form-search" action="${basePath}/blog/queryBlog">
                            <input class="input-medium search-query" type="text" name="blogName" placeholder="标题，作者，内容"/> <button type="submit" class="btn">查找</button>
                        </form>
                    </li>
                    <li>
                        <a onclick="B()">关于</a>
                    </li>
                    <li class="divider-vertical">
                    </li>
                    <li class="dropdown">
                        <c:if test="${not empty sessionScope.user}">
                            <a data-toggle="dropdown" class="dropdown-toggle">
                                <c:if test="${not empty sessionScope.user.headImg}">
                                    <img onclick="A()" src="${basePath}user/img?name=${sessionScope.user.name}" style="width: 50px;height:50px;border-radius: 50%;" alt="">
                                </c:if>
                                <c:if test="${empty sessionScope.user.headImg}">
                                    <img onclick="A()" src="../../static/img/defaultHeadImg3.png" style="width: 50px;height:50px;border-radius: 50%;" alt="">
                                </c:if>
                                    ${sessionScope.user.name}
                                <strong class="caret"></strong></a>
                        </c:if>
                        <c:if test="${empty sessionScope.user}">
                            <a data-toggle="dropdown" class="dropdown-toggle">登录和注册<strong class="caret"></strong></a>
                        </c:if>
                        <ul class="dropdown-menu">
                            <c:if test="${empty sessionScope.user}">
                                <li>
                                    <a href="${basePath}/user/toRegist">注册</a>
                                </li>
                                <li>
                                    <a href="${basePath}/user/toLogin">登录</a>
                                </li>
                            </c:if>
                            <c:if test="${not empty sessionScope.user}">
                                <li>
                                    <a href="${basePath}/user/toUpdateUserInfo">修改信息</a>
                                </li>
                                <li>
                                    <a href="${basePath}/blog/showMyBlog?userId=${sessionScope.user.id}">我的空间</a>
                                </li>
                                <li class="divider">
                                </li>
                                <li>
                                    <a href="${basePath}/blog/toCollection?userId=${sessionScope.user.id}">我的收藏</a>
                                </li>
                                <li>
                                    <a href="${basePath}/blog/toHistory?userId=${sessionScope.user.id}">历史记录</a>
                                </li>
                                <li>
                                    <a href="${basePath}/blog/toAddBlog?name=${sessionScope.user.name}">去写博客</a>
                                </li>
                                <li class="divider">
                                </li>
                                <li>
                                    <a href="${basePath}/user/logout">注销</a>
                                </li>
                            </c:if>
                        </ul>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>
<jsp:include page="../../pages/common/remind.jsp"></jsp:include>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span4">
            <c:forEach items="${requestScope.subscribeUser}" var="user">
                <div class="media well">
                    <c:if test="${not empty user.headImg}">
                        <a href="${basePath}/user/toDynamicWithBlog?userId=${user.id}" class="pull-left"><img  src="${basePath}user/img?name=${user.name}" style="width: 50px;height:50px;border-radius: 50%;" alt=""></a>
                    </c:if>
                    <c:if test="${empty user.headImg}">
                        <a href="${basePath}/user/toDynamicWithBlog?userId=${user.id}" class="pull-left"><img  src="../../static/img/defaultHeadImg3.png" style="width: 50px;height:50px;border-radius: 50%;" alt=""></a>
                    </c:if>
                    <div class="media-body">
                        <h4 class="media-heading">
                                ${user.name}
                        </h4> 点击头像查看用户博客
                    </div>
                </div>
            </c:forEach>
        </div>
        <div class="span8">
            <c:if test="${empty requestScope.subscribeBlogs}">
                <h1 style="color: red">点击关注的用户头像查看博客</h1>
            </c:if>
            <c:if test="${not empty requestScope.subscribeBlogs}">
            <div class="container-fluid">
                <div class="row-fluid">
                    <c:forEach var="blog" items="${requestScope.subscribeBlogs}">
                        <li class="span2" style="height: 500px; width: 175px;">
                            <div class="thumbnail">
                                <c:if test="${blog.value.value.headImg != null}">
                                    <img src="${basePath}user/img?name=${blog.key.userName}" style="width: 250px; height: 180px;border-radius: 50%;"/>
                                </c:if>
                                <c:if test="${blog.value.value.headImg == null}">
                                    <img src="../../static/img/defaultHeadImg3.png" style="width: 250px; height: 180px;border-radius: 50%;" alt=""/>
                                </c:if>
                                <div class="caption" >
                                    <h4 style="color: blue">
                                            ${blog.key.userName}
                                    </h4>
                                    <span style="color: grey">${blog.value.key}</span>
                                    <span style="color:darkolivegreen;">&nbsp;&nbsp;浏览数:<font style="color: red">${blog.key.browsesNum}</font></span>
                                    <h3>
                                            ${blog.key.blogHead}
                                    </h3>
                                    <p style="display: -webkit-box;   overflow: hidden;   white-space: normal!important;   text-overflow: ellipsis;   word-wrap: break-word;   -webkit-line-clamp: 5;   -webkit-box-orient: vertical;">
                                            ${blog.key.blogContent}
                                    </p>
                                    <p>
                                        <a class="btn btn-primary" href="${basePath}/blog/showBlog?id=${blog.key.id}">浏览</a>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </c:forEach>
                </div>
            </div>
                <jsp:include page="../../pages/common/page_nav.jsp"></jsp:include>
            </c:if>
        </div>
    </div>
</div>
<jsp:include page="../../pages/common/footer.jsp"></jsp:include>
</body>
</html>
